Jassif Team Institution

এইচটিএমএল লিঙ্ক - হাইপারলিঙ্ক

লিংক প্রায় সব ওয়েব পেজ পাওয়া যায়. লিঙ্কগুলি ব্যবহারকারীদের এক পৃষ্ঠা থেকে অন্য পৃষ্ঠায় ক্লিক করতে দেয়।

এইচটিএমএল লিঙ্কগুলি হাইপারলিঙ্ক।

আপনি অন্য ডকুমেন্টে যেতে একটি লিঙ্কে ক্লিক করতে পারেন।

আপনি যখন একটি লিঙ্কের উপর মাউস সরান, মাউস তীরটি একটি ছোট হাতে পরিণত হয়।

এইচটিএমএল লিংক - সিনট্যাক্স

HTML <a> ট্যাগ একটি হাইপারলিঙ্ককে সংজ্ঞায়িত করে। এটিতে নিম্নলিখিত সিনট্যাক্স রয়েছে:

<a href="url">link text</a>

<a> এলিমেন্টের সবচেয়ে গুরুত্বপূর্ণ অ্যাট্রিবিউট হল href অ্যাট্রিবিউট, যা লিঙ্কের গন্তব্য নির্দেশ করে।

লিঙ্ক পাঠ্য পাঠকের কাছে দৃশ্যমান অংশ।

লিঙ্ক টেক্সটে ক্লিক করলে পাঠক নির্দিষ্ট URL-এ পাঠাবে।

উদাহরণ

এই উদাহরণটি দেখায় কিভাবে JassifTeam.com এ একটি লিঙ্ক তৈরি করতে হয়:

<a href="https://www.jassifteam.com/">Visit JassifTeam.com!</a>

ডিফল্টরূপে, সমস্ত ব্রাউজারে লিঙ্কগুলি নিম্নরূপ প্রদর্শিত হয়:

এইচটিএমএল লিঙ্ক - টার্গেট অ্যাট্রিবিউট

ডিফল্টরূপে, লিঙ্ক করা পৃষ্ঠাটি বর্তমান ব্রাউজার উইন্ডোতে প্রদর্শিত হয়। এটি পরিবর্তন করতে, আপনাকে অবশ্যই লিঙ্কটির জন্য অন্য একটি গন্তব্য নির্দিষ্ট করতে হবে৷

টার্গেট অ্যাট্রিবিউট নির্দেশ করে কোথায় লিঙ্ক করা ডকুমেন্ট খুলতে হবে।

লক্ষ্য বৈশিষ্ট্যের নিম্নলিখিত মানগুলির মধ্যে একটি থাকতে পারে:

উদাহরণ

একটি নতুন ব্রাউজার উইন্ডো বা ট্যাবে লিঙ্ক করা নথি খুলতে target="_blank" ব্যবহার করুন:

<a href="https://www.jassifteam.com/" target="_blank">Visit Jassif Team!</a>

Absolute URLs vs Relative URLs

উপরের দুটি উদাহরণই href অ্যাট্রিবিউটে একটি সম্পূর্ণ URL (একটি সম্পূর্ণ ওয়েব ঠিকানা) ব্যবহার করে।

একটি স্থানীয় লিঙ্ক (একই ওয়েবসাইটের মধ্যে একটি পৃষ্ঠার লিঙ্ক) একটি নির্ভরশীল URL দিয়ে নির্দিষ্ট করা হয়েছে ("https://www" অংশ ছাড়া):

উদাহরণ

<h2>Absolute URLs</h2>
<p><a href="https://www.jassifteam.org/">Jassif Team Foundation</a></p>
<p><a href="https://www.google.com/">Google</a></p>

<h2>Relative URLs</h2>
<p><a href="html_images.asp">HTML Images</a></p>
<p><a href="/css/default.asp">CSS Tutorial</a></p>

এইচটিএমএল লিঙ্ক - একটি লিঙ্ক হিসাবে একটি ছবি ব্যবহার করা

একটি লিঙ্ক হিসাবে একটি ছবি ব্যবহার করতে, <a> ট্যাগের ভিতরে <img> ট্যাগ রাখুন:

উদাহরণ

<a href="default.asp">
  <img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;">
</a>

ইমেইল ঠিকানা লিঙ্ক

ব্যবহারকারীর ইমেল প্রোগ্রাম খোলার জন্য একটি লিঙ্ক তৈরি করতে mailto: href অ্যাট্রিবিউটের ভিতরে ব্যবহার করুন (তাদের একটি নতুন ইমেল পাঠাতে দিতে):

উদাহরণ

<a href="mailto:someone@example.com">Send email</a>

একটি লিঙ্ক হিসাবে একটি বোতাম ব্যবহার

একটি লিঙ্ক হিসাবে একটি HTML বোতাম ব্যবহার করতে, আপনাকে কিছু জাভাস্ক্রিপ্ট কোড যোগ করতে হবে।

জাভাস্ক্রিপ্ট আপনাকে নির্দিষ্ট ইভেন্টে কী ঘটতে হবে তা নির্দিষ্ট করতে দেয়, উদাহরণস্বরূপ যখন একটি বোতাম ক্লিক করা হয়:

উদাহরণ

<button onclick="document.location='default.asp'">HTML Tutorial</button>

সংযুক্তি হেডার

শিরোনাম বৈশিষ্ট্য একটি উপাদান সম্পর্কে অতিরিক্ত তথ্য প্রদান করে। এই তথ্যটি প্রায়শই একটি টুলটিপ হিসাবে প্রদর্শিত হয় যখন মাউস উপাদানটির উপর ঘোরে।

উদাহরণ

<a href="https://www.jassifteam.com/html/" title="Go to Jassif Team HTML section">
  Visit our HTML Tutorial
</a>

সম্পূর্ণ URL এবং আপেক্ষিক URL সম্পর্কে আরও

<a href="https://www.jassifteam.com/html/default.asp">
  HTML tutorial
</a>

<a href="/html/default.asp">
  HTML tutorial
</a>

<a href="default.asp">
  HTML tutorial
</a>

আপনি HTML ফাইল পাথ অধ্যায়ে ফাইল পাথ সম্পর্কে আরও জানতে পারেন।

অধ্যায়ের সারাংশ

অনুশীলন করুন

একটি HTML হাইপারলিংকের জন্য সঠিক বাক্য গঠন কি?

HTML লিঙ্ক ট্যাগ